@charset "utf-8";
/* Style Reset */
body,p,h1,ul,li{margin:0; padding:0;}
ul, ol, li, dl, dt, dd {list-style:none;}
a{text-decoration:none;outline:0px;}
fieldset, img { border: 0; }
.clear { clear:both; }
/* top */
body{background:#e7ecef;}
.topbg{width:100%;background:#2380d4;background-image:-moz-linear-gradient(center top , #33bde9, #2380d4);background-image: -moz-linear-gradient(top, #33bde9, #2380d4);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33bde9), to(#2380d4));background-image: -webkit-linear-gradient(top, #33bde9, #2380d4);background-image: -o-linear-gradient(top, #33bde9, #2380d4);background-image: linear-gradient(top, #33bde9, #2380d4);position:relative;}
.logo{display:block;width:59.21875%;margin:0 auto;padding:25px 0 24px;}
.logo img{max-width:100%;}
.searchbtn{position:absolute;left:1.25%;width:7.65625%;top:23px;}
.navbtn{position:absolute;right:1.40625%;width:10.78125%;top:23px;}
/* banner */
.big-pic{width:100%; position:relative;}
.big-pic-in{position:relative;width:100%;height:auto;overflow:hidden;margin:0 auto;}
.pic-list{position:relative;height:auto;-webkit-transform:translate3d(0,0,0); z-index:0;}
.big-pic img{float:left;height:auto; width:100%;display:block;}
.big-pic2 .pic-list{width:200%;}
.big-pic2 .pic-list img{width:100%;}
.big-pic2 .pic-list img{width:50%;/*50%*/}
.big-pic3 .pic-list{width:300%;}
.big-pic3 .pic-list img{width:33.33334%;/*33.33%*/}
.big-pic4 .pic-list{width:400%;}
.big-pic4 .pic-list img{width:25%;/*25%*/}
.slide-dot{width:95%; overflow:hidden; position:absolute;left:0; bottom:0; height:26px; background:rgba(0,0,0,.6);text-align:right;padding:0 5% 0 0;}
.slide-dot span{display:inline-block;width:11px;height:11px;border-radius:11px;vertical-align:top; z-index:10; background:#fff; margin:8px 5px 0 5px;}
.slide-dot .slide-dot-cur{z-index:10;vertical-align:top; background:#2386d6;}
.transition {-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
/* btnbox */
.btnbox{width:100%;height:60px;margin:8px 0;}
.btnbox li{float:left;width:25%;height:60px;font:16px/60px 微软雅黑;}
.tel{background:#efa500;background-image:-moz-linear-gradient(center top , #f7d600, #efa500);background-image: -moz-linear-gradient(top, #f7d600, #efa500);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f7d600), to(#efa500));background-image: -webkit-linear-gradient(top, #f7d600, #efa500);background-image: -o-linear-gradient(top, #f7d600, #efa500);background-image: linear-gradient(top, #f7d600, #efa500);text-indent:50%;}
.tel a{background:url("../images/mobile/tel.png") 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}
.sms{background:#c6dd21;background-image:-moz-linear-gradient(center top , #c6dd21, #8fbc16);background-image: -moz-linear-gradient(top, #c6dd21, #8fbc16);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#c6dd21), to(#8fbc16));background-image: -webkit-linear-gradient(top, #c6dd21, #8fbc16);background-image: -o-linear-gradient(top, #c6dd21, #8fbc16);background-image: linear-gradient(top, #c6dd21, #8fbc16);text-indent:50%;}
.sms a{background:url("../images/mobile/sms.png") 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}
.map{background:#2380d4;background-image:-moz-linear-gradient(center top , #33bee9, #2380d4);background-image: -moz-linear-gradient(top, #33bee9, #2380d4);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#33bee9), to(#2380d4));background-image: -webkit-linear-gradient(top, #33bee9, #2380d4);background-image: -o-linear-gradient(top, #33bee9, #2380d4);background-image: linear-gradient(top, #33bee9, #2380d4);text-indent:50%;}
.map a{background:url("../images/mobile/map.png") 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}
.share{background:#56d3cf;text-indent:50%;}
.share a{background:url("../images/mobile/share.png") 19.375% center no-repeat;color:#fff;display:block;width:100%;height:100%;}
/* casepic */
.casepic{width:97.65625%;margin:0 auto;}
.pic1{float:left;width:59.04%;margin:0 0 1% 0;}
.pic1 img,.pic2 img,.pic3 img,.pic4 img,.pic5 img{max-width:100%;}
.pic2{float:right;width:39.84%;margin:0 0 1% 0;}
.pic3{float:left;width:32.64%;margin-right:1.12%;}
.pic4{float:left;width:32.64%;margin-right:0.96%;}
.pic5{float:left;width:32.64%;}
/* radius */
.radius{width:100%; position:absolute;top:-114px;}
.radius li{width:25%;float:left;}
.radius li a{display:block;width:138px;height:138px;margin:1% auto;border-radius:138px;position:relative;overflow:hidden;}
.computer{background:#50c0ee;}
.computer img{margin:21% 25%;width:50%;}
.network{background:#56d3cf;}
.network img{margin:20% 35%;width:30%;}
.people{background:#f0aa00;}
.people img{margin:20% 25%;width:50%;}
.acc{background:#f06270;}
.acc img{margin:25%;width:50%;}
.radius li a p{position:absolute;width:100%;height:30px;font:14px/30px 微软雅黑;bottom:10px;text-align:center;color:#fff;}
.alertbg{width:100%;height:100%;position:absolute;left:0;top:0;border-radius:100%;z-index:999;background:rgba(0,0,0,.5);font:14px/138px 宋体;text-align:center;}
.alertbg span{color:#fff;}
/* footer */
.footer{width:100%;height:127px;background:url("../images/mobile/bottom.jpg") 0 0 repeat-x #2381d4;margin:120px 0 0 0;position:relative;}
.foot{width:100%;height:100%;background:url("../images/mobile/foot.png") 90% center no-repeat;}
.footnav{width:59.375%;margin:0 auto;height:32px;padding:35px 0 5px;}
.footnav li{width:19.5%;padding:0 0.5% 0 0;height:31px;float:left;}
.footnav li a{display:block;width:100%;height:100%;background:#075698;color:#9bdcff;border-bottom:1px solid #7bc5f2;font:14px/32px 微软雅黑;text-align:center;}
.footnav li a:hover{display:block;width:100%;height:100%;background:#4cbbec;color:#84d1f9;border-bottom:1px solid #9ed1f2;font:14px/32px 微软雅黑;text-align:center;}
.support{width:100%;height:24px;text-align:center;font:14px/24px 微软雅黑;color:#9bdcff;}
.support a{margin:0 3px;color:#9bdcff;}
/* navbg */
.navbg{width:208px;border:1px solid #0f82c8;background:#2998dc;margin-bottom:-2px;position:absolute;right:0;z-index:999;top:61px;display:none;}
.navbg li{width:100%;height:46px;border-bottom:1px solid #097ec6;}
.navbg li a{display:block;width:100%;height:45px;border-bottom:1px solid #50b8f7;background:url("../images/navicons.jpg"/*tpa=http://900043.wap.pangu.us/3g/images/navicons.jpg*/) 75% center no-repeat;text-indent:11.538%;font:14px/45px 宋体;color:#fff;}
/* searchbox */
.searchbox{width:75.3125%;float:left;height:42px;border:1px solid #7eb6e2;box-shadow:0 0 1px #fff inset;border-radius:42px;position:absolute;z-index:999;margin:8px 0 0 1.40625%;background:#ededed;display:none;}
.text{width:70%;float:left;height:36px;font:16px/42px 宋体;color:#6f6f6f;text-indent:1em;border-radius:42px;background:#ededed;border:0;}
.button{width:20%;height:42px;float:left;background:url("../images/searchico.jpg"/*tpa=http://900043.wap.pangu.us/3g/images/searchico.jpg*/) center center no-repeat #ededed;border:0;}
/* subnav */
.homebtn{position:absolute;left:1.25%;width:7.65625%;top:23px;}
.subfoot{margin:0;}
.subnavbox{width:100%;height:58px;}
.searchbox2{width:75.3125%;height:42px;border:1px solid #7eb6e2;box-shadow:0 0 1px #fff inset;border-radius:42px;margin:8px 1% 0 1.40625%;background:#ededed;float:left;}
.subnavbtn{width:20.625%;float:left;height:42px;border:1px solid #699ec7;margin:8px 0 0 0;background:#2eabe2;background-image:-moz-linear-gradient(center top , #268bd8, #2eabe2 ,#268bd8);background-image: -moz-linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#268bd8), to(#2eabe2),(#268bd8));background-image: -webkit-linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);background-image: -o-linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);background-image: linear-gradient(top, #268bd8, #2eabe2 ,#268bd8);border-radius:42px;box-shadow:0 0 1px #32bae7 inset;}
.subnavbtn p{width:100%;height:100%;border:1px solid #32bae7;background:url("../images/subnav.png"/*tpa=http://900043.wap.pangu.us/3g/images/subnav.png*/) 15.15151515% center no-repeat;text-indent:36.36363636%;border-radius:42px;font:14px/42px 宋体;color:#fff;}
.subnavbg{width:96.5625%;margin:0 1.71875%;position:absolute;z-index:999;background:#2998dc;display:none;}
.subnavbg li{width:100%;height:53px;border-bottom:1px solid #097ec6;}
.subnavbg li a{display:block;width:100%;height:52px;border-bottom:1px solid #50b8f7;font:14px/52px 宋体;text-indent:8.0906%;background:url("../images/navicons.jpg"/*tpa=http://900043.wap.pangu.us/3g/images/navicons.jpg*/) 89.644% center no-repeat;color:#fff;}
/* productul */
.productul{width:100%;}
.productul li{width:50%;float:left;}
.productul li img{width:92.8125%;margin:0 3.59375%;}
.prodtitle{display:block;width:100%;height:30px;font:14px/30px 宋体;color:#6f6f6f;text-align:center;}
/* pages */
.pages{width:170px;margin:10px auto;}
.pre-left{display:block; width:51px; height:32px; border:1px solid #1b1b1b; border-radius:3px; float:left; color:#1c1c1c; text-align:center; font:700 20px/32px 宋体;}
.next-left{display:block; width:51px; height:32px; border:1px solid #999; border-radius:3px; float:left; color:#999; text-align:center; font:700 20px/32px 宋体;}
.pages span{display:block; width:64px; height:30px; text-align:center; font:500 16px/30px 宋体; color:#333333; float:left;}
/* newsul */
.newsul{width:96.5625%;margin:15px auto 10px;border:1px solid #d4d4d4;border-bottom:0;}
.newsul li{width:100%;height:44px;border-top:1px solid #fff;border-bottom:1px solid #d4d4d4;background-image:-moz-linear-gradient(center top , #ebe6e1, #faf9f8);background-image: -moz-linear-gradient(top, #ebe6e1, #faf9f8);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ebe6e1), to(#faf9f8));background-image: -webkit-linear-gradient(top, #ebe6e1, #faf9f8);background-image: -o-linear-gradient(top, #ebe6e1, #faf9f8);background-image: linear-gradient(top, #ebe6e1, #faf9f8);}
.newsul li p{width:100%;height:44px; background:url("../images/icons.png"/*tpa=http://900043.wap.pangu.us/3g/images/icons.png*/) 94% center no-repeat;}
.newsul li p a{display:block;width:86%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font:14px/44px 宋体; color:#6d6d6d;}
/* view */
h1{font:700 18px/30px 宋体; color:#0c0c0c; text-align:center;border-bottom:1px dashed #999;width:90%;margin:10px 5%;}
h1 p{width:90%;font:700 18px/30px 宋体;color:#0c0c0c;text-align:center;margin:0 5%;}
.view{font:14px/180% 宋体; color:#4a4a4a;width:90%;margin:0 5%;padding:8px 0;}
.view p{font:14px/180% 宋体; color:#4a4a4a;width:100%;}
.backlist{display:block;width:74px;height:32px;border:1px solid #1374c5;background:#2484d5;margin:15px auto;color:#fff;font:14px/32px 宋体;text-align:center;box-shadow:0 0 1px #57a4e6 inset;}
.prevpage,.nextpage{display:block;width:90%;margin:0 5% 8px 5%;height:20px;font:12px/20px 宋体;color:#6c6c6c;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
center img{max-width:90%;margin:0 auto;}
.hr{width:90%;height:0;border-top:1px dashed #999;margin:6px 5%;}
@media all and (min-width:640px){
body{width:640px;margin:0 auto;position:relative;}
}
@media all and (max-width:640px){
body{min-width:320px;}
.searchbtn,.homebtn{width:10%;}
.navbtn{width:14.5%;}
.logo{width:66%;}
.btnbox li{height:50px;font:14px/50px 微软雅黑;}
.tel a,.sms a,.map a,.share a{background-size:28%;background-position:8% center;text-indent:40%;}
.radius li a{width:74px;height:74px;border-radius:74px;}
.radius li a p{font:12px/30px 微软雅黑;bottom:0px;}
.footnav{width:80%;}
.footnav li{width:19%;padding:0 1% 0 0;}
.radius{top:-50px;}
.footer{margin:56px 0 0 0;}
.navbg{top:50px;}
.subfoot{margin:-10px 0 0 0;}
.searchbox2{width:65%;}
.subnavbtn{width:31%;}
.alertbg{font:14px/74px 宋体;}
}
